<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>欢迎首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link id="link_" rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link class="link_" rel="stylesheet" href="../../layuiadmin/layui/css/admin.css" media="all">
    <link class="link_" rel="stylesheet" href="../../css/custom.css" media="all">
    <link class="link_" rel="stylesheet" href="../../css/select2.css" media="all">
    <!-- <script>
        top.layui.each(top.layui.$('link'), function (index, item) {
            if (item.href.includes("layui.css") || item.href.includes("admin.css") || item.href.includes("custom.css")) {
                var oLi = document.createElement("link");
                oLi.rel = "stylesheet", oLi.href = decodeURIComponent(item.href), oLi.media = "all";
                var ul = document.getElementsByTagName("head")[0].appendChild(oLi)
            }
        })
    </script> -->
    <style>
    </style>
</head>

<body>
    <!-- <span class="layui-breadcrumb">
        <a href="#">首页</a>
        <a href="#">表单布局</a>
        <a><cite>常用的表单样式2</cite></a>
    </span> -->

    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">

                <!-- 操作样式1 -->
                <div class="layui-card ">
                    <div class="layui-card-header">操作</div>
                    <div class="layui-card-body header_btn">
                        <div class="test-table-reload-btn">
                            <div class="layui-row">
                                <div class="layui-btn-container">
                                    <button class="layui-btn   layui-btn-sm" id="create" data-type="create"><i
                                            class="layui-icon layui-icon-add-1"></i>新增</button>
                                    <button class="layui-btn   layui-btn-sm" id="create_excel"
                                        data-type="create_excel"><i class="layui-icon layui-icon-add-1"></i>导入</button>
                                    <button class="layui-btn   layui-btn-sm" id="export" data-type="export"><i
                                            class="layui-icon layui-icon-export "></i>导出</button>
                                    <button class="layui-btn   layui-btn-sm  form_first"><i
                                            class="layui-icon layui-icon-search"></i>高级搜索</button>
                                    <button class="layui-btn   layui-btn-sm  layui-btn-danger" id="delete"
                                        data-type="delete"><i class="layui-icon layui-icon-delete"></i>删除</button>
                                    <button class="layui-btn   layui-btn-sm" data-type="reload" id="ActionCode"><i
                                            class="layui-icon layui-icon-refresh-1 "></i>刷新</button>
                                    <button class="layui-btn   layui-btn-sm" id="billing" data-type="billing"><i
                                            class="layui-icon layui-icon-export "></i>计费1.0</button>
                                    <button class="layui-btn   layui-btn-sm" id="billing2" data-type="billing2"><i
                                            class="layui-icon layui-icon-export "></i>计费2.0</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 操作样式2 -->
                <div class="layui-card my_flex_btnCard">
                    <div class="layui-card-header">操作</div>
                    <div class="layui-card-body header_btn">
                        <div class="test-table-reload-btn">
                            <div class="layui-row">
                                <div class="layui-btn-container">
                                    <button class="layui-btn   layui-btn-sm" id="create" data-type="create"><i
                                            class="layui-icon layui-icon-add-1"></i>新增</button>

                                    <!-- 在这里插入Action的按钮 -->


                                    <button class="layui-btn   layui-btn-sm" id="export" data-type="export"><i
                                            class="layui-icon layui-icon-export "></i>导出</button>
                                    <button class="layui-btn   layui-btn-sm  form_first" card-close="exsearchCard"><i
                                            class="layui-icon layui-icon-search"></i>高级搜索</button>
                                    <button class="layui-btn   layui-btn-sm  layui-btn-danger" id="delete"
                                        data-type="delete"><i class="layui-icon layui-icon-delete"></i>删除</button>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 操作样式3 -->
                <div class="layui-card ">
                    <div class="layui-card-header">按钮分类</div>
                    <div class="layui-card-body header_btn">
                        <div class="test-table-reload-btn">
                            <div class="layui-row">
                                <div class="layui-btn-container">
                                    <!-- <button class="layui-btn   layui-btn-sm" id="create" data-type="create"><i
                                            class="layui-icon layui-icon-add-1"></i>新增</button> -->

                                    <button class="layui-btn layui-btn-sm" card-toggle="changeRe" card-type="headerBtns"
                                        card-toggle-cache card-toggle-active><i
                                            class="layui-icon layui-icon-tabs"></i>改单申报</button>

                                    <button class="layui-btn layui-btn-sm" card-toggle="log" card-type="headerBtns"
                                        card-toggle-cache><i class="layui-icon layui-icon-tabs"></i>日志</button>

                                    <div class="speBtns card_tow" card-content="changeRe" card-type="headerBtns">
                                        <button class="layui-btn layui-btn-sm" data-type="RePostAll"><i
                                                class="layui-icon layui-icon-log"></i>重报运单CEB511</button>
                                    </div>

                                    <div class="speBtns card_tow" card-content="log" card-type="headerBtns">
                                        <button class="layui-btn layui-btn-sm" data-type="opeLog"><i
                                                class="layui-icon layui-icon-log"></i>操作日志</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 高级搜索 -->
                <div class="layui-card card_tow layui-form-pane css_index">
                    <div class="layui-card-header">高级搜索</div>
                    <div class="layui-card-body">
                        <form class="layui-form" id="adv_search_form" lay-filter="adv_search_form">
                            <div class="layui-form-item">
                                <div class="layui-row">

                                    <!-- 这里循环插入高级查询条件表单控件 -->
                                    <div class="layui-col-sm12 layui-col-xs12 layui-col-md4 adv-search-item css_index">
                                        <div class="layui-inline">
                                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                                <label class="layui-form-label adv-search-condition"
                                                    data-condition="CusCode">客户代码</label>
                                            </div>
                                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                                <select name="ComputeSign" lay-verify="required"
                                                    class="adv-search-computesign">
                                                    <option value="等于">等于</option>
                                                    <option value="不等于">不等于</option>
                                                    <option value="大于">大于</option>
                                                    <option value="大于等于">大于等于</option>
                                                    <option value="小于">小于</option>
                                                    <option value="小于等于">小于等于</option>
                                                    <option value="包含">包含</option>
                                                    <option value="不包含">不包含</option>
                                                </select>
                                            </div>
                                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                                <input type="text" id="adv_search_CusCode" name="CusCode"
                                                    placeholder="请输入" autocomplete="off"
                                                    class="layui-input adv-search-condition-value">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-col-sm12 layui-col-xs12 layui-col-md4 adv-search-item css_index">
                                        <div class="layui-inline">
                                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                                <label class="layui-form-label adv-search-condition"
                                                    data-condition="CusCode">客户代码</label>
                                            </div>
                                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                                <select name="ComputeSign" lay-verify="required"
                                                    class="adv-search-computesign">
                                                    <option value="等于">等于</option>
                                                    <option value="不等于">不等于</option>
                                                    <option value="大于">大于</option>
                                                    <option value="大于等于">大于等于</option>
                                                    <option value="小于">小于</option>
                                                    <option value="小于等于">小于等于</option>
                                                    <option value="包含">包含</option>
                                                    <option value="不包含">不包含</option>
                                                </select>
                                            </div>
                                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                                <input type="text" id="adv_search_CusCode" name="CusCode"
                                                    placeholder="请输入" autocomplete="off"
                                                    class="layui-input adv-search-condition-value">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-col-sm12 layui-col-xs12 layui-col-md4 adv-search-item css_index">
                                        <div class="layui-inline">
                                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                                <label class="layui-form-label adv-search-condition"
                                                    data-condition="CusCode">客户代码</label>
                                            </div>
                                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                                <select name="ComputeSign" lay-verify="required"
                                                    class="adv-search-computesign">
                                                    <option value="等于">等于</option>
                                                    <option value="不等于">不等于</option>
                                                    <option value="大于">大于</option>
                                                    <option value="大于等于">大于等于</option>
                                                    <option value="小于">小于</option>
                                                    <option value="小于等于">小于等于</option>
                                                    <option value="包含">包含</option>
                                                    <option value="不包含">不包含</option>
                                                </select>
                                            </div>
                                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                                <input type="text" id="adv_search_CusCode" name="CusCode"
                                                    placeholder="请输入" autocomplete="off"
                                                    class="layui-input adv-search-condition-value">
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-row">
                                    <div class="layui-btn-container">
                                        <button class="layui-btn layui-btn-sm" lay-submit=""
                                            lay-filter="adv-search-btn">
                                            <i class="layui-icon layui-icon-search"></i>查询
                                        </button>

                                        <button class="layui-btn layui-btn-sm layui-btn-primary form_last "
                                            card-close="exsearchCard">
                                            <i class="layui-icon layui-icon-close"></i>关闭</button>

                                        <button class="layui-btn layui-btn-sm layui-btn-primary" data-type="clearCon">
                                            <i class="layui-icon layui-icon-delete"></i>清空搜索条件
                                        </button>

                                        <button class="layui-btn layui-btn-sm" data-type="addDefault"><i
                                                class="layui-icon layui-icon-addition"></i>保存为默认值
                                        </button>

                                        <button class="layui-btn layui-btn-sm" data-type="addDaily">
                                            <i class="layui-icon layui-icon-addition"></i>保存为常用
                                        </button>

                                        <div class="layui-inline DailyItem"
                                            style="margin-bottom: 0px; display: inline-block;">
                                            <div class="layui-inline"
                                                style="margin-bottom: 10px; margin-right: 5px; display: inline-block">
                                                <input type="text" class="layui-input " name="DailyName"
                                                    autocomplete="off" style="width: 150px; display: inline-block;">
                                            </div>

                                            <button class="layui-btn layui-btn-sm  layui-btn-primary"
                                                data-type="onAddDaily" style="display: inline-block;">确认</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <!-- 表格 -->
                <div class="layui-card">
                    <div class="layui-card-body">
                        <div class="test-table-reload-btn">
                            <div class="layui-row xs_form">
                                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 form-lable css_dindex">
                                    <div class="layui-inline">
                                        <div class="layui-inline">
                                            <text>&nbsp;关键字：</text>
                                        </div>
                                        <div class="layui-inline">
                                            <input class="css_dindex layui-input " name="keyword" id="keyword"
                                                autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <div class="layui-inline">
                                            <text>&nbsp;状态：</text>
                                        </div>
                                        <div class="layui-inline my_StatusCode">
                                            <select name='CusStatus' id="CusStatus" lay-ignore></select>
                                        </div>
                                    </div>
                                    <div class="DateTime_wrap">
                                        <div class="DateTime_text">
                                            <text>&nbsp;时间：</text>
                                        </div>
                                        <div class="DateTime_group">
                                            <input class="css_dindex layui-input laydatetime" placeholder="起始更新时间"
                                                name="UpdateDateTimeStart" id="UpdateDateTimeStart" laydatetime
                                                autocomplete="off">
                                            <input class="css_dindex layui-input laydatetime" placeholder="结束更新时间"
                                                name="UpdateDateTimeEnd" id="UpdateDateTimeEnd" laydatetime
                                                autocomplete="off">
                                        </div>
                                    </div>
                                    <button class="layui-btn   layui-btn-sm" data-type="reload"><i
                                            class="layui-icon layui-icon-search"></i>查询</button>
                                    <button class="layui-btn   layui-btn-sm   layui-btn-primary " data-type="reload"><i
                                            class="layui-icon layui-icon-refresh-1 "></i>刷新</button>
                                </div>
                            </div>
                        </div>
                        <table class="layui-hide" id="test-table-reload" lay-filter="test-table-reload"></table>
                    </div>
                </div>

            </div>
        </div>
    </div>


    <script src="../../js/jquery.3.5.1.js"></script>
    <script src="../../js/select2.js"></script>
    <script src="../../layuiadmin/layui/layui.js"></script>
    <script src="../../layuiadmin/modules/layui_ext.js"></script>
    <script>
        layui.config({
            base: '../../layuiadmin/'
        }).extend({
            index: 'lib/index', //主入口模块
            select2: 'modules/select2',  
            timemsg: 'modules/timemsg',  
        }).use(['jquery', 'form', 'laydate', 'element', 'select2', 'table', 'timemsg'], function () {
            var $ = layui.jquery
            var form = layui.form
            var laydate = layui.laydate
            var select2 = layui.select2;
            var table = layui.table;

            (function () {
                $(".form_first").click(function () {
                    $(".card_tow").toggle();
                    return false;
                })
                $(".form_last").click(function () {
                    $(".card_tow").css("display", "none");
                    return false;
                })
            })();

            init(); // 全局初始化

            table.render({
                elem: '#test-table-reload'
                , method: 'post'
                , url: '/Cus/CusInfo/LoadPageListByKey'
                , cellMinWidth: 120
                //, height: 'full-100'
                , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
                , defaultToolbar: ['filter', 'exports', 'print']
                , request: {
                    pageName: 'page' //页码的参数名称，默认：page
                    , limitName: 'rows' //每页数据量的参数名，默认：limit
                }
                , where: {
                    sort: 'CreateDateTime',
                    order: 'desc'
                }
                , response: {
                    statusName: 'success' //规定数据状态的字段名称，默认：code
                    , statusCode: true //规定成功的状态码，默认：0
                    , msgName: 'message' //规定状态信息的字段名称，默认：msg
                    , countName: 'total' //规定数据总数的字段名称，默认：count
                    , dataName: 'rows' //规定数据列表的字段名称，默认：data
                }
                , autoSort: true //禁用前端自动排序

                , cols: [[
                    { type: 'numbers', fixed: 'left' },
                    { type: 'radio', field: 'Guid', fixed: 'left' },
                    { fixed: 'left', title: '操作', toolbar: '#barDemo', align: 'center', width: 66 },
                    { title: 'Guid', field: 'Guid', align: 'center', sort: false, hide: true },
                    { title: 'CusCode', field: 'CusCode', align: 'center', sort: true, hide: false },
                    { title: 'CusSortName', field: 'CusSortName', align: 'center', sort: true, hide: false },
                    { title: 'CusName', field: 'CusName', align: 'center', sort: true, hide: false },
                    { title: 'CusEName', field: 'CusEName', align: 'center', sort: true, hide: false },
                    { title: 'CusStatus', field: 'CusStatus', align: 'center', sort: true, hide: false },
                ]],
                page: true
                , limit: 30
            });

            cardToggle.init();
        })
    </script>
</body>

</html>